<template>
	<view>
		<view>
			<slot name="title"></slot>
		</view>
		<view>
			<textarea style="font-size: 14px;" class="textarea" cols="30" rows="10" :placeholder="placeholder"
				@input="onChange"></textarea>
		</view>
	</view>
</template>

<script>
	export default {
		name: "ppl-textarea",
		data() {
			return {

			};
		},
		props: {
			placeholder: {
				type: String,
				default: '请输入您的详细需求…'
			}
		},
		methods: {
			onChange(e) {
				this.$emit('onChange', e.detail.value)
			}
		}
	}
</script>

<style scoped>
	.textarea {
		width: 100%;
		margin-top: 30rpx;
		padding: 30rpx;
		border: 1px solid #3c91ff;
		border-radius: 20rpx;
		box-sizing: border-box;
	}
</style>